<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="css/upload.css" />
    <meta charset="UTF-8">
    <title>上传照片</title>
</head>
<body>
<div class="background">
<header>
    <p>Facejoin<br/>——最智能的校园活动管家</p>
</header>
<div class="container">
    <p id="first">快交出你的童年萌照<br/>来测测和童年的你最配的明星是谁吧！</p>
    <div class="childhood-photo"></div>
    <p id="second">想知道和你最配的男神/女神是谁吗</p>
    <a class="upload-photo-btn" href="#">
        <button class="btn upload-photo">上传童年照</button>
    </a>
</div>
<div class="page1">
    <div class="sex-selection">
        <p>请根据多年生活经验</p>
        <p>诚实回答！</p>
        <p>上厕所</p>
        <p>你</p>
        <p>走哪边？</p>
    </div>
    <div class="result-processing"></div>
</div>


<footer></footer>
</div>
</body>
<script type="text/javascript" src="js/lib/jquery-1.12.0.js"></script>
<script type="text/javascript">
    $(function () {
        $(".upload-photo-btn").click(function(){
            $(".page1").show();
        });

    });
</script>
</html>